@plugin "tailwindcss-safe-area";

@layer base {
  button:not(:disabled),
  [role="button"]:not(:disabled) {
    cursor: pointer;
  }
}

[role="menuitem"]:not(:disabled) {
  cursor: pointer;
}

:root {
  --warning: hsl(38 92% 50%);
  --warning-foreground: hsl(48 96% 89%);
}

.dark {
  --warning: hsl(48 96% 89%);
  --warning-foreground: hsl(38 92% 50%);
}

@theme inline {
  --color-warning: var(--warning);
  --color-warning-foreground: var(--warning-foreground);
}

/** iOS Dynamic System Font Scaling */
@supports (-webkit-touch-callout: none) {
  html {
    font: -apple-system-body;
  }
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

/* 隐藏滚动条但保留滚动功能 */
.scrollbar-hide {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

@layer utilities {
  /* 隐藏 Chrome, Safari 和 Opera 的滚动条 */
  .no-scrollbar::-webkit-scrollbar {
  display: none;
  }
  /* 隐藏 IE, Edge 和 Firefox 的滚动条 */
  .no-scrollbar {
  -ms-overflow-style: none; /* IE 和 Edge */
  scrollbar-width: none; /* Firefox */
  }
}

/* 首页 badge计数 动画 */
@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.animate-shimmer {
  animation: shimmer 1.5s infinite;
}
